<template>
  <div>
   {{ msg }}
  <CommonChild msg="父组件传递的参数" @buibui="getMsg"></CommonChild>
  </div>
</template>

<script>
import { CommonChild } from "@/components/CommonChild.vue";
export default {
  setup () {
    /* 
      组合式api的入口函数 最先执行 发生组件初始化完成之前
      setup 函数中，不能访问 this， 组件实例对象

      组件中所有业务定义在setup函数中
      返回值 对象， 对象中的属性方法是暴漏给模板的 模板可以直接使用
    */
    const msg = "hello vue3"
    /* const fn = (val) => {
      alert(val)
    } */
    const getMsg = (val)=> {
       console.log(val);
    }
    return {
      msg,
      getMsg
    }
  },
  components: {
    CommonChild
  }
}
</script>

<style lang="scss" scoped>

</style>